<template>
    <div class="midmidele">
        <div class="midmidele-item">
            <span>{{accessNumber}}</span>
            <inforfontVue>被访问</inforfontVue>
        </div>
        <div class="midmidele-item spe">
            <span>{{fansNumber}}</span>
            <inforfontVue>粉丝</inforfontVue>
        </div>
        <div class="midmidele-item">
            <span>{{publishNumber}}</span>
            <inforfontVue>发布</inforfontVue>
        </div>
    </div>

</template>

<script>
import inforfontVue from "@/components/Mypage/MyInformation/InforFont"
export default {
    components: {
        inforfontVue,
    },
    props: {
        accessNumber: {
            type: Number,
            default: 0,
        },
        fansNumber: {
            type: Number,
            default: 0,
        },
        publishNumber: {
            type: Number,
            default: 0,
        },
    }
}
</script>

<style scoped>
.midmidele {
    display: flex;
    margin-top: 10px;
}
.spe{
    padding: 0 0 0 15px;
    border-left: 1px solid rgb(237, 237, 241);
    border-right: 1px solid rgb(237, 237, 241);
    margin-right: 15px;
}
.midmidele-item>span {
    font-family: 'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
}
.midmidele-item>.font{
    margin-left: 5px;
    margin-right: 20px;
}

.midmidele-item {
    display: flex;
    line-height: 21px;
}
</style>